<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Pagina Principal</title>
  <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/business-casual.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">
    </head>
    
    <body>
    <div class="brand">Carnicería Rubilu</div>
    <div class="address-bar"> Carnes siempre frescas - Av Gran Chimú 954, SJL</div>
    

    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"> </span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
               
                <a class="navbar-brand" href="Bienvenida.jsp">RubiluWebApp</a>
            </div>
       
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="Inicio">Inicio</a>
                    </li>
                    <li>
                        <a href="Contacto" >Contacto</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container">
        <div class="row">
            <div class="box">
                <div class="col-lg-12 text-center">
                    <div id="carousel-example-generic" class="carousel slide">
                        <!-- Indicators -->
                        <ol class="carousel-indicators hidden-xs">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                           <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                        </ol>

                        <div class="carousel-inner">
                            <div class="item active">
                                <img class="img-responsive img-full" src="img/slide-1.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-responsive img-full" src="img/slide-2.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-responsive img-full" src="img/slide-4.jpg" alt="">
                            </div>
                        </div>
                     <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                            <span class="icon-prev"></span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                            <span class="icon-next"></span>
                        </a>
                    </div>
                    <h2 class="brand-before">
                        <small>Bienvenido al portal de Almacén y ventas</small>
                    </h2>
                    <h1 class="brand-name">Control de Productos</h1>
                    <hr class="tagline-divider">
                    <h2>
                        <small>By
                            <strong>Evelin - Diego - Mayumi</strong>
                        </small>
                    </h2>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="box">
                <div class="col-lg-12">
                    <hr>
                    <h2 class="intro-text text-center"> Aquí podrás registrar las ventas que realices! 
                        <strong>MÓDULO DE VENTAS</strong>
                    </h2>
                    <hr>
                    <img class="img-responsive img-border img-left" src="img/intro-pic.jpg" alt="">
                    <hr class="visible-xs">
                    <p></p>
                    <ul class="list-inline intro-social-buttons">
                            <li>
                                <a href="factura.jsp" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Generar Factura</span></a>
                            </li>
                            <li>
                                <a href="DireccionarBoleta" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Generar Boleta</span></a>
                            </li>
                    </ul>                   
                </div>
            </div>
        </div>
         <div class="row">
            <div class="box">
                <div class="col-lg-12">
                    <hr>
                    <h2 class="intro-text text-center">  Aquí podrás conocer el
                        <strong>Stock de productos</strong>
                    </h2>
                    <hr>
                    <img class="img-responsive img-border img-left" src="img/stock.jpg" alt="">
                      <hr class="visible-xs">
                      <p></p>
                    <ul class="list-inline intro-social-buttons">
                            <li>
                                <a href="stock.jsp" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Stock de Producto</span></a>
                            </li>
                    </ul>
                     </div>
            </div>
        </div>
        <div class="row">
            <div class="box">
                <div class="col-lg-12">
                    <hr>
                    <h2 class="intro-text text-center">  Trajeron productos !! aquí puedes
                        <strong>INGRESAR AL INVENTARIO</strong>
                    </h2>
                    <hr>
                    <img class="img-responsive img-border img-left" src="img/inventario.gif" alt="">
                      <hr class="visible-xs">
                      <p></p>
                    <ul class="list-inline intro-social-buttons">
                            <li>
                                <a href="DireccionarIngreso" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Ingresar Producto a Inventario</span></a>
                            </li>
                    </ul>
                     </div>
            </div>
        </div>
    <div class="row">
            <div class="box">
                <div class="col-lg-12">
                    <hr>
                    <h2 class="intro-text text-center"> ¿Qué hemos vendido? 
                        <strong>VENTAS GENERALES</strong>
                    </h2>
                    <hr>
                    <img class="img-responsive img-border img-left" src="img/vta.jpg" alt="">
                    <hr class="visible-xs">
                    <p></p>
                    <ul class="list-inline intro-social-buttons">
                            <li>
                                <a href="ventasPeriodo.jsp" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Ventas por periodo</span></a>
                            </li>
                    </ul>
                    
                </div>
            </div>
        </div> 
        <div class="row">
            <div class="box">
                <div class="col-lg-12">
                    <hr>
                    <h2 class="intro-text text-center"> Aquí podrás tener un reporte de las 
                        <strong>Pérdidas generadas por Vencimiento de productos</strong>
                    </h2>
                    <hr>
                    <img class="img-responsive img-border img-left" src="img/per.jpg" alt="">
                    <hr class="visible-xs">
                    <p></p>
                    <ul class="list-inline intro-social-buttons">
                            <li>
                                <a href="perdidaPeriodo.jsp" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Pérdidas por periodo</span></a>
                            </li>
                    </ul>
                    
                </div>
            </div>
        </div>   
        <div class="row">
            <div class="box">
                <div class="col-lg-12">
                    <hr>
                    <h2 class="intro-text text-center"> Es bueno conocer nuestro  
                        <strong>negocio</strong>
                    </h2>
                    <hr>
                    <img class="img-responsive img-border img-left" src="img/grupo.jpg" alt="">
                    <hr class="visible-xs">
                    <p></p>
                    <ul class="list-inline intro-social-buttons">
                            <li>
                                <a href="listaClientes.jsp" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Listar Clientes</span></a>
                            </li>
                            <li>
                                <a href="listarTrabajadores.jsp" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Listar Trabajadores</span></a>
                            </li>
                            <li>
                                <a href="listarProductos.jsp" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Listar Productos</span></a>
                            </li>
                    </ul>
                    
                </div>
            </div>
        </div>
         </div>
    <!-- /.container -->

    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <p>Trabajo Final para el curso Ingeniería de Datos <br>
                    Ingregrantes: Evelin Ortega - Diego Torres - Mayumi Toma</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Script to Activate the Carousel -->
    <script>
    $('.carousel').carousel({
        interval: 5000 //changes the speed
    })
    </script>

</body>
    </body>
</html>
